<template>
    <li class='plugin-item fx-h-c'>
        <img :src="msg.src" alt="">
        <span>{{msg.text}}</span>
    </li>
</template>

<script>
    export default {
        name: 'PluginItem',
        props: {
            msg: {
                type: Object,
                default: () => ({})
            }
        }
    }
</script>

<style lang="scss" scoped>
    .plugin-item {
        height: 4.5rem;
         margin-bottom: 1.5rem;
        img {
            height: 80%;
            margin-right: 1rem;
        }
        span {
            font-size: 1.4rem;
        }
    }
</style>